<template>
    <div>
        <up-navbar :title="props.title" :autoBack="true" :bgColor="props.bgColor" :rightIcon="props.rightIcon"
            @rightClick="rightClick()">
        </up-navbar>
        <div class="topBox"></div>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
const props = defineProps({
    title: {
        type: String,
        default: '',
    },
    bgColor: {
        type: String,
        default: '#fff',
    },
    rightIcon: {
        type: String,
        default: '',
    },
})
const emit = defineEmits(['rightClick']);
const rightClick = () => {
    emit('rightClick');
}
</script>
<style scoped lang="scss">
.topBox {
    width: 100%;
    // height: 76rpx;
    height: 2.4rem;
}
</style>